<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="成绩表.css" type="text/css">
</head>

<body>
    <div>
        <h2>成绩表</h2>

        <table border="5px" cellspacing="0" cellpadding="20" width="600px" height="600px">
            <tr>
                <td>姓名</td>
                <td>历史</td>
                <td>体育</td>
                <td>道德</td>
            </tr>
            <tr>
                <td>秦始皇</td>
                <td>50</td>
                <td>90</td>
                <td>0</td>
            </tr>
            <tr>
                <td>三姓家奴</td>
                <td>0</td>
                <td>100</td>
                <td>0</td>
            </tr>
        </table>
    </div>
    <hr width="1400px" color="#a5a5a5">
    <h2> 表格</h2>
    <div>
        <table border="5px" cellspacing="0" cellpadding="10" width="600px" height="600px">
            <tr>
                <td rowspan="2" colspan="2">1占两列</td>
                <td colspan="2">2</td>
                <td colspan="4" rowspan="3">4占两列两行</td>

            </tr>
            <tr>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td colspan="2" rowspan="2">1占两行</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td>2</td>
                <td>3</td>
                <td colspan="2">4</td>
                <td colspan="2">5</td>
            </tr>
            <tr>
                <td colspan="2">1</td>
                <td>2</td>
                <td>3</td>
                <td colspan="2">4</td>
                <td colspan="2">5</td>
            </tr>
            <tr>
                <td colspan="2">1</td>
                <td>2</td>
                <td>3</td>
                <td colspan="2">4</td>
                <td colspan="2">5</td>
            </tr>
            <tr>
                <td colspan="4">1</td>
                <td colspan="2">4</td>
                <td colspan="2">5</td>
            </tr>
            <tr>
                <td colspan="8">
                    1占三列
                </td>
            </tr>
        </table>
    </div>
    <hr width="1400px" color="#a5a5a5">
    <h2>复杂完整的成绩表</h2>
    <table border="5px" cellspacing="0" cellpadding="25" width="600px" height="600px">
        <tr>
            <td rowspan="2">姓名</td>
            <td colspan="2">通识课</td>
            <td colspan="3">专业课</td>
            <td rowspan="2">总分</td>

        </tr>
        <tr>
            <td>英语</td>
            <td>高数</td>
            <td>网页设计</td>
            <td>程序设计</td>
            <td>UI设计</td>

        </tr>
        <tr>
            <td>张三</td>
            <td>60</td>
            <td>70</td>
            <td>80</td>
            <td>80</td>
            <td>90</td>
            <td>380</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>60</td>
            <td>70</td>
            <td>80</td>
            <td>80</td>
            <td>90</td>
            <td>380</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>60</td>
            <td>70</td>
            <td>80</td>
            <td>80</td>
            <td>90</td>
            <td>380</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>60</td>
            <td>70</td>
            <td>80</td>
            <td>80</td>
            <td>90</td>
            <td>380</td>
        </tr>
        <tr>
            <td>平均</td>
            <td>60</td>
            <td>70</td>
            <td>80</td>
            <td>80</td>
            <td>90</td>
            <td>380</td>
        </tr>
    </table>

</body>

</html>